iT邦幫忙

2024 iThome 鐵人賽

DAY 2
0
Modern Web

關於寫react 那二三事系列 第 2

Day2 就來說說prime系列UI吧

  • 分享至 

  • xImage
  •  

Prime系列包括:

  • PrimeFaces是專為JavaServer Faces (JSF)設計的開源UI組件庫。
  • PrimeNG是專為Angular框架設計的開源UI組件庫。
  • PrimeReact是專為React框架設計的開源UI組件庫。
  • PrimeVue是專為Vue框架設計的開源UI組件庫。

光看支援三大框架就覺得挺不錯的,
雖然有時候bug修好了在某版本又壞了之類的啼笑皆非事...

我失業時,常常在徵才資訊裡找要會三大框架的,
那時候看也不清楚為什麼開發要一次要三樣框架,
或許這是一種趨勢,而有這樣支援的元件庫其實是很棒的

--畢竟,雖然設計層級可能有差異,
但是基本上抓class name設計出的css以及sass的樣式,
幾乎是可以共用的,
這對於產品真的是大型縫合三大框架的產品來說是一大福音。

因為在開發primeng轉換primereact時感受挺深刻的,
然而要做出差不多元件不是件容易的事,
就像Angular有很棒的cdk工具庫,
有些功能不是react跟vue能直接模仿的。

舉例來說prime的picklist元件中,
primeng的項目拖曳功能是primereact以及primevue沒有的,
最終我寫的react使用beautiful-dnd
以及小夥伴的vue使用 vue-draggable-plus
直接放棄prime UI純手刻包含搜尋跟一些按鈕功能完成仿造...
所以要三大框架都兼容也不是容易的事啊

好了,廢話也說得差不多了,明天開始就進入主題吧


上一篇
Day1 前言
下一篇
Day3 安裝primereact前要先有個專案
系列文
關於寫react 那二三事30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言